<!DOCTYPE html>
<html>
	<head>
		<meta content="text/html;" charset="utf-8"  http-equiv="Content-Type"/>
		<title>BZE</title>
		<meta name="keywords" content="BZE,BZE，VS HOLIDAY,V.S HOLIDAY">
        <meta name="description" content="VS男装,V.S BZE，BZE，BZE，BZE">
        <meta name="mobile-agent" content="format=xhtml;url=">
        <meta name="mobile-agent" content="format=html5;url=">
        <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/responsiveslides.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/plyr.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/scrollReveal.js" type="text/javascript" charset="utf-8"></script>
        <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
       	<link rel="stylesheet" type="text/css" href="css/plyr.css"/>
       	<link rel="stylesheet" href="css/common.css" />
       	<link rel="stylesheet" type="text/css" href="css/brand.css"/>
	</head>
	
		<!-- 招聘 -->
	    <div id="showBody" style="padding-top: 50px;">
        		<div class="close_btn" id="closeShowBody">X</div>
	    		<div class="title_k">
	    			RECRUIT 人才招聘
	    		</div>
	    		<br/>
	    		<div class="title_k" style="width: 130px;">
	    			资深店长
	    		</div>
	    		<br />
		    	<div class="title_k" style="width: 430px;height: 150px;font-size: 14px;">
	    			<p>4-6千/月</p>
	    			<p>全日制大专以上学历</p>
	    			<p>2年以上零售或服务行业管理岗位经验</p>
	    			<p>较强的分析、计算能力</p>
	    			<p>能熟练使用office办公软件及E</p>
	    		</div>
	    		<br/>
	    		<div class="title_k" style="width: 130px;">
	    			区域督导
	    		</div>
	    		<br />
		    	<div class="title_k" style="width: 430px;height: 170px;font-size: 14px;">
	    			<p>4.5-6千/月</p>
	    			<p>负责市场调查</p>
	    			<p>商圈分析如经济、人口、商圈、</p>
	    			<p>消费等并制定相应开店计划</p>
	    			<p>主导 推动从立项到开店的各项工作</p>
	    			<p>熟悉广州区域情况，对区域项目有敏锐的判断力</p>
	    		</div>
	    </div>
	    
	    <!-- 联系我们 -->
	    <div id="showBodyLink" style="padding-top: 50px;">
        		<div class="close_btn" id="closeShowBodyLink">X</div>
	    		<div class="title_k">
	    			CONTACT 联系我们
	    		</div>
	    		<br/>
		    	<div class="title_k2" style="width: 430px;height: 50px;font-size: 14px;">
	    			<p>GUANGDONG BINER CLOTHING</p>
	    			<p>广州滨哲尔服装有限公司</p>
	    		</div>
	    		<br/>
		    	<div class="title_k2" style="width: 430px;height: 120px;font-size: 14px;">
	    			<p>联系热线：020-83702003</p>
	    			<p>官方邮箱：943042657@qq.com</p>
	    			<p>广州市白云区石槎路长盛国际商贸园A区J42</p>
	    		</div>
	    		<div>
	    			<img src="img/index/map.png" alt="" />
	    		</div>
	    </div>
	<body>
		
		
		<div class="navbar-fixed-top" id="header">
		    <div class="nav">
		        <ul>
		        		<li><img src="img/logo.png" alt="" /></li>
		            <li id=""><a href="index.html">首页</a></li>
		            <li id=""><a href="product.html">产品</a></li>
		            <li id="" class="active"><a href="brand.html">品牌</a></li>
		            <li id=""><a href="story.html">故事</a></li>
		            <li id=""><a href="alliance.html">联盟</a></li>
		            <li><a href="https://www.tmall.com/" target="_blank">商城</a></li>
		        </ul>
		    </div>
		</div>
		
		<div id="top" class="callbacks_container">
	        <div>
	        		<img style="width: 100%;" src="img/brand_banner.jpg" alt="" />
	        </div>
	    </div>
	    
	    <div>
        		<div class="container" >
	            <div class="row shop">
	                	<div class="col-md-6 " data-scroll-reveal="enter left  over 1s and move 200px after 0s">
	                		<span class="jfade_image">
		                    <img src="img/brand/brand_show1.png" class="img-responsive" alt="">
		                    <span class="blanc-info">
								<h5>BZE·INTELLECTUALITY/知性</h5>
							</span>
						</span>
	                    <img src="img/brand/add_logo.png" class="add_logo1"/>
	                </div>
	                	<div class="col-md-6" data-scroll-reveal="enter right  over 1s and move 200px after 0s">
	                		<span class="jfade_image">
		                    <img src="img/brand/brand_show1.png" class="img-responsive" alt="">
		                    <span class="blanc-info">
								<h5>BZE·FASHION/时尚</h5>
							</span>
						</span>
	                    <img src="img/brand/add_logo.png" class="add_logo2"/>
	                </div>
	            </div>
	            <div class="row total_block">
	            		<div class="col-md-6">
		                	<div class="tip_block panel panel1" id="tip_block1">
		                		<div class="close_btn" id="close1">X</div>
		                		<span>
		                			<p class="title_p">BZE·INTELLECTUALITY/知性</p>
		                			<p>这边开放的热土</p>
		                			<p>吸收吐纳着中国</p>
		                			<p>最前沿的时尚气息</p>
		                			<p>释放者独居魅力的时尚活力</p>
							</span>
		                </div>
	            		</div>
	            		<div class="col-md-6">
		                	<div class="tip_block panel panel1" id="tip_block2">
		                		<div class="close_btn" id="close2">X</div>
		                		<span>
		                			<p class="title_p">BZE·FASHION/时尚</p>
		                			<p>时尚是日常生活的一部分</p>
		                			<p>它随着所发生的一切时时刻刻改变着</p>
		                			<p>你甚至可以看到服装革命的来临</p>
		                			<p>你也可以看到并感觉到服装上的一切改变</p>
							</span>
		                </div>
            			</div>
	            </div>
	        </div>
        </div>
        
        <div class="container" style="text-align: center;">
        		<div class="logo1">
        			<img src="img/brand_logo.jpg" alt="" />
        		</div>
        		<div class="logo2">
        			<img src="img/brand_logo2.jpg" alt="" />
        		</div>
        </div>
		
		<div class="text_l">
			<span>
				<p>广州滨哲尔服饰有限公司成立于2008年</p>
				<p>是一家以产品设计开发为主，集生产、销售、策划于一体的现代化服装公司。</p>
				<p>拥有男装主打品牌时，同兼女装、童装服装。</p>
			</span>
		</div>
		
		<div>
	        	<div class="container" id="video_mode">
	        		<div class="row  video" data-scroll-reveal="enter top over 1s and move 200px after 0s" data-scroll-reveal-id="1" style="-webkit-transform: translatey(-200px);transform: translatey(-200px);opacity: 0;-webkit-transition: -webkit-transform 1s ease-in-out 0s,  opacity 1s ease-in-out 0s;transition: transform 1s ease-in-out 0s,  opacity 1s ease-in-out 0s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">
	                <div tabindex="0" class="plyr plyr--video plyr--fullscreen-enabled plyr--stopped plyr--ready">
					<div class="plyr__video-wrapper" style="cursor: pointer;">
						<div class="plyr__captions"></div>
						<video class="embed-responsive-item plyr--setup" poster="img/video_show.png">
							<source src="http://vs-holiday.com/res/201803/1a9e109aa437bd9a2a40a02f9864bd6f.mp4" type="video/mp4">
						</video>
					</div>
					<button type="button" data-plyr="play" class="plyr__play-large" aria-label="Play"><svg><use xlink:href="#plyr-play"></use></svg><span class="plyr__sr-only">Play</span></button>
					<div class="plyr__controls"><button type="button" data-plyr="play" aria-label="Play"><svg><use xlink:href="#plyr-play"></use></svg><span class="plyr__sr-only">Play</span></button><button type="button" data-plyr="pause"><svg><use xlink:href="#plyr-pause"></use></svg><span class="plyr__sr-only">Pause</span></button><span class="plyr__progress"><label for="seek6523" class="plyr__sr-only">Seek</label><input id="seek6523" class="plyr__progress--seek" type="range" min="0" max="100" step="0.1" value="0" data-plyr="seek"><progress class="plyr__progress--played" max="100" value="0" role="presentation"></progress><progress class="plyr__progress--buffer" max="100" value="7.05"><span>7.05</span>% buffered</progress><span class="plyr__tooltip">00:00</span></span><span class="plyr__time"><span class="plyr__sr-only">Current time</span><span class="plyr__time--current">00:39</span></span><button type="button" data-plyr="mute" aria-pressed="false"><svg class="icon--muted"><use xlink:href="#plyr-muted"></use></svg><svg><use xlink:href="#plyr-volume"></use></svg><span class="plyr__sr-only">Toggle Mute</span></button><span class="plyr__volume"><label for="volume6523" class="plyr__sr-only">Volume</label><input id="volume6523" class="plyr__volume--input" type="range" min="0" max="10" value="10" data-plyr="volume"><progress class="plyr__volume--display" max="10" value="10" role="presentation"></progress></span><button type="button" data-plyr="captions"><svg class="icon--captions-on"><use xlink:href="#plyr-captions-on"></use></svg><svg><use xlink:href="#plyr-captions-off"></use></svg><span class="plyr__sr-only">Toggle Captions</span></button><button type="button" data-plyr="fullscreen" aria-pressed="false"><svg class="icon--exit-fullscreen"><use xlink:href="#plyr-exit-fullscreen"></use></svg><svg><use xlink:href="#plyr-enter-fullscreen"></use></svg><span class="plyr__sr-only">Toggle Fullscreen</span></button></div>
					</div>
	            </div>
	        </div>
        </div>
        
        <div class="container" style="text-align: center;" id="logo3">
        		<img src="img/brand_logo3.png" alt="" />
        </div>
        
        <div class="brand_intro container">
        		<div class="intro1 col-md-3">
        			<img src="img/brand_logo4.jpg" alt="" />
        			<div class="intro1_1"></div>
        		</div>
        		<div class="intro2 col-md-7" >
        			<h3>广州滨哲尔服饰有限公司</h3>
        			<p>滨哲尔公司自创建以来，以大众化的消费价位，深入汲取
        				当代流行时尚讯息，并通过不断创新设计面料和款式，打
        				造人性化的选购环境，赢得了良好的市场口碑。公司的销
        				售业绩持续、稳步的提升。滨哲尔以北欧独特的设计风格
        				和时尚先锋的品牌理念勾勒着品牌的经典时尚蓝图，成就
        				着中国男装新生代的品牌梦想。</p>
        		</div>
        		<div class="intro3 col-md-2">
    				<img src="img/brand_next.jpg" alt="" />
        		</div>
        </div>
        
        <br />
        
        <div class="instock">
			<div class="container">
				<div class="col-md-6 chuk" data-scroll-reveal="enter left over 1s and move 200px after 0s">
					<img src="img/brand_left.png" alt="" class="lg"/>
					<div class="tip_img1">		
						<p><img src="img/brand/btn1.png" id="m1"/></p>
					</div>
				</div>
				<div class="col-md-6 blanc" data-scroll-reveal="enter right over 1s and move 200px after 0s">
					<img src="img/brand_right.png" class="lg"/>
					<div class="tip_img1_2">		
						<p><img src="img/brand/btn2.png" alt="" id="m3"/></p>
					</div>
				</div>
			</div>	
		</div>
        
        <div class="clearfix"></div>
		
		<div class="footer-b">
		    <div class="container">
		        <div id="info_left">
		        		<ul class="clearfix">
		                <li><a href="index.html">首页</a></li>
		                <li><a href="product.html">产品</a></li>
		                <li><a href="brand.html">品牌</a></li>
		                <li><a href="story.html">故事</a></li>
		                <li><a href="alliance.html">联盟</a></li>
		                <li><a href="http://www.tmall.com">商城</a></li>
			        </ul>
			        <ul id="detail_info">
		                <li>
		                		<i><img src="img/phone.png" alt="" /></i>
		                		<span>020-83702003</span>
		                </li>
		                <br />
		                <li>
		                		<i><img src="img/email.png" alt="" /></i>
		                		<span>943042657@qq.com</span>
		                </li>
		                <br />
		                <li>
		                		<i><img src="img/location.png" alt="" /></i>
		                		<span>广州市白云区石槎路长盛国际商贸园A区J42</span>
		                </li>
			        </ul>
		        </div>
		        <div id="info_right">
		        		<p>滨哲尔官方微信</p>
		        		<img src="img/qrcode.png" alt="" />
		        		<p>扫码关注，惊喜等着你</p>
		        </div>
		    </div>
		
		</div>
	    
	</body>
	
	<script>plyr.setup();</script>
    <script>
        (function () {
            window.scrollReveal = new scrollReveal({reset: true, move: '50px'});
        })();
    </script>
	<script>
		
		$('.tip_img1 img').hover(function(){
			$(this).prop('src', 'img/brand/btn1_hover.png');
		},function(){
			$(this).prop('src', 'img/brand/btn1.png');
		});
		
		$('.tip_img1_2 img').hover(function(){
			$(this).prop('src', 'img/brand/btn2_hover.png');
		},function(){
			$(this).prop('src', 'img/brand/btn2.png');
		});
	</script>
	<script>
		//联系
		$('.tip_img1').click(function(){
			$('#showBody').show();
			 $('html,body').addClass('ovfHiden');
			$('body').css({ 
	             "overflow-x":"hidden",
	             "overflow-y":"hidden"       
         	});
		});
		$('#showBody').click(function(){
			$(this).hide();
		});
		//招聘
		$('.tip_img1_2').click(function(){
			$('#showBodyLink').show();
			 $('html,body').addClass('ovfHiden');
			$('body').css({ 
	             "overflow-x":"hidden",
	             "overflow-y":"hidden"       
         	});
		});
		$('#showBodyLink').click(function(){
			$(this).hide();
		});
		//弹窗
		$('.add_logo1').click(function(){
			$('#tip_block1').slideToggle("slow");
		});
		$('#close1').click(function(){
			$('#tip_block1').slideUp("slow");
		});
		$('.add_logo2').click(function(){
			$('#tip_block2').slideToggle("slow");
		});
		$('#close2').click(function(){
			$('#tip_block2').slideUp("slow");
		});
	</script>
</html>
